<template>
    <el-carousel :interval="4000" type="card" height="450px">
        <el-carousel-item v-for="image in images" :key="image">
            <el-image :src="require(`@/assets/DisplayCard/${image}.png`)" fit="cover" />
        </el-carousel-item>
    </el-carousel>
</template>

<script>

export default {
    name: 'DisplayUnit',
    setup() {
        let images = ['authr', 'knights', 'mash', 'saber']

        return {
            images
        }
    }
}
</script>

<style scoped>

</style>